
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-flowparallel"></i>
                    <div class="name">flow-parallel</div>
                    <div class="fontclass">.icon-flowparallel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hengpai"></i>
                    <div class="name">横排</div>
                    <div class="fontclass">.icon-hengpai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongzuo"></i>
                    <div class="name">重做</div>
                    <div class="fontclass">.icon-zhongzuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-5"></i>
                    <div class="name">微博</div>
                    <div class="fontclass">.icon-5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-changjing"></i>
                    <div class="name">场景</div>
                    <div class="fontclass">.icon-changjing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon08"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-icon08</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youxiang1"></i>
                    <div class="name">邮箱</div>
                    <div class="fontclass">.icon-youxiang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhuajianpan"></i>
                    <div class="name">电话键盘</div>
                    <div class="fontclass">.icon-dianhuajianpan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rili"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-rili</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuoji"></i>
                    <div class="name">座机</div>
                    <div class="fontclass">.icon-zuoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenxiang"></i>
                    <div class="name">分享</div>
                    <div class="fontclass">.icon-fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuzuchetianchong"></i>
                    <div class="name">出租车_填充</div>
                    <div class="fontclass">.icon-chuzuchetianchong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhuajianpantianchong"></i>
                    <div class="name">电话键盘_填充</div>
                    <div class="fontclass">.icon-dianhuajianpantianchong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tansuofaxian"></i>
                    <div class="name">探索发现</div>
                    <div class="fontclass">.icon-tansuofaxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouyeguhuakuandai"></i>
                    <div class="name">首页-固话宽带</div>
                    <div class="fontclass">.icon-shouyeguhuakuandai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-speedup"></i>
                    <div class="name">加速</div>
                    <div class="fontclass">.icon-speedup</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-slowdown"></i>
                    <div class="name">减速</div>
                    <div class="fontclass">.icon-slowdown</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian2"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuandaitianchong"></i>
                    <div class="name">宽带_填充</div>
                    <div class="fontclass">.icon-kuandaitianchong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yibao"></i>
                    <div class="name">医保</div>
                    <div class="fontclass">.icon-yibao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-keche"></i>
                    <div class="name">客车</div>
                    <div class="fontclass">.icon-keche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heimingdan"></i>
                    <div class="name">黑名单</div>
                    <div class="fontclass">.icon-heimingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangbanxinxi"></i>
                    <div class="name">航班信息</div>
                    <div class="fontclass">.icon-hangbanxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuru"></i>
                    <div class="name">输入</div>
                    <div class="fontclass">.icon-shuru</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaidi"></i>
                    <div class="name">快递_乐乐</div>
                    <div class="fontclass">.icon-kuaidi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weishangxueyuan"></i>
                    <div class="name">微商学院</div>
                    <div class="fontclass">.icon-weishangxueyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangxueyuan"></i>
                    <div class="name">商学院</div>
                    <div class="fontclass">.icon-shangxueyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconzhuanqu45"></i>
                    <div class="name">跳转</div>
                    <div class="fontclass">.icon-iconzhuanqu45</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tixing"></i>
                    <div class="name">提醒</div>
                    <div class="fontclass">.icon-tixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiashizheng"></i>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">.icon-jiashizheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cengjishezhi"></i>
                    <div class="name">层级设置</div>
                    <div class="fontclass">.icon-cengjishezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-flowparallel1"></i>
                    <div class="name">flow-parallel</div>
                    <div class="fontclass">.icon-flowparallel1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tao"></i>
                    <div class="name">逃</div>
                    <div class="fontclass">.icon-tao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jzjl01"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-jzjl01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian11"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjiankou"></i>
                    <div class="name">安检口</div>
                    <div class="fontclass">.icon-anjiankou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaidi1"></i>
                    <div class="name">快递</div>
                    <div class="fontclass">.icon-kuaidi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-delivery"></i>
                    <div class="name">快递</div>
                    <div class="fontclass">.icon-delivery</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xueyuanxuanzhong"></i>
                    <div class="name">学院选中</div>
                    <div class="fontclass">.icon-xueyuanxuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongtonglinju"></i>
                    <div class="name">共同邻居</div>
                    <div class="fontclass">.icon-gongtonglinju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qietu08"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-qietu08</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiashizheng1"></i>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">.icon-jiashizheng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuangkouwindow25"></i>
                    <div class="name">窗口</div>
                    <div class="fontclass">.icon-chuangkouwindow25</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-imei02"></i>
                    <div class="name">imei</div>
                    <div class="fontclass">.icon-imei02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-imsi02"></i>
                    <div class="name">imsi</div>
                    <div class="fontclass">.icon-imsi02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuexiao3"></i>
                    <div class="name">学校</div>
                    <div class="fontclass">.icon-xuexiao3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanxiao"></i>
                    <div class="name">院校</div>
                    <div class="fontclass">.icon-yuanxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhi"></i>
                    <div class="name">未知</div>
                    <div class="fontclass">.icon-weizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daxingkeche"></i>
                    <div class="name">大型客车</div>
                    <div class="fontclass">.icon-daxingkeche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuangxin"></i>
                    <div class="name">双心，两颗心</div>
                    <div class="fontclass">.icon-shuangxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ht_expand"></i>
                    <div class="name">扩展</div>
                    <div class="fontclass">.icon-ht_expand</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti123"></i>
                    <div class="name">刻度尺</div>
                    <div class="fontclass">.icon-weibiaoti123</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjianxinxi"></i>
                    <div class="name">案件信息</div>
                    <div class="fontclass">.icon-anjianxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche"></i>
                    <div class="name">火车</div>
                    <div class="fontclass">.icon-huoche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">播放</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youxiang11"></i>
                    <div class="name">邮箱</div>
                    <div class="fontclass">.icon-youxiang11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaidibaoyou"></i>
                    <div class="name">快递包邮</div>
                    <div class="fontclass">.icon-kuaidibaoyou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sirenxinjian"></i>
                    <div class="name">私人信件</div>
                    <div class="fontclass">.icon-sirenxinjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renqun"></i>
                    <div class="name">人群</div>
                    <div class="fontclass">.icon-renqun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji-copy"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qq02"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-qq02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fang"></i>
                    <div class="name">房</div>
                    <div class="fontclass">.icon-fang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin1"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua-copy-copy-copy-copy"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua-copy-copy-copy-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quxiaoxuanze"></i>
                    <div class="name">取消选择</div>
                    <div class="fontclass">.icon-quxiaoxuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiadaoqitahuodong"></i>
                    <div class="name">添加到其他活动</div>
                    <div class="fontclass">.icon-tianjiadaoqitahuodong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hukou"></i>
                    <div class="name">户口</div>
                    <div class="fontclass">.icon-hukou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaidifuwu"></i>
                    <div class="name">快递服务</div>
                    <div class="fontclass">.icon-kuaidifuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icxiangmufuhao24px"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-icxiangmufuhao24px</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icontel"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-icontel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju1"></i>
                    <div class="name">数据 (1)</div>
                    <div class="fontclass">.icon-shuju1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongjijin"></i>
                    <div class="name">公积金</div>
                    <div class="fontclass">.icon-gongjijin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinxing"></i>
                    <div class="name">银行</div>
                    <div class="fontclass">.icon-yinxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongsi4"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-gongsi4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaowaizhusushenqing"></i>
                    <div class="name">校外住宿申请</div>
                    <div class="fontclass">.icon-xiaowaizhusushenqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjianguanli"></i>
                    <div class="name">案件管理</div>
                    <div class="fontclass">.icon-anjianguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qita"></i>
                    <div class="name">其他</div>
                    <div class="fontclass">.icon-qita</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bukejian"></i>
                    <div class="name">不可见</div>
                    <div class="fontclass">.icon-bukejian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun1"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chepai1"></i>
                    <div class="name">车牌 </div>
                    <div class="fontclass">.icon-chepai1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biyan"></i>
                    <div class="name">闭眼</div>
                    <div class="fontclass">.icon-biyan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-changtuqiche"></i>
                    <div class="name">长途汽车</div>
                    <div class="fontclass">.icon-changtuqiche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qita1"></i>
                    <div class="name">其他</div>
                    <div class="fontclass">.icon-qita1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-params"></i>
                    <div class="name">params</div>
                    <div class="fontclass">.icon-params</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche1"></i>
                    <div class="name">火车</div>
                    <div class="fontclass">.icon-huoche1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanxi1"></i>
                    <div class="name">关系</div>
                    <div class="fontclass">.icon-guanxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sim_card"></i>
                    <div class="name">sim_card</div>
                    <div class="fontclass">.icon-sim_card</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongsi"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-gongsi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-78"></i>
                    <div class="name">证件</div>
                    <div class="fontclass">.icon-78</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedian"></i>
                    <div class="name">节点</div>
                    <div class="fontclass">.icon-jiedian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-changjing1"></i>
                    <div class="name">场景</div>
                    <div class="fontclass">.icon-changjing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-17"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-17</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Flow-Parallal"></i>
                    <div class="name">Flow - Parallal</div>
                    <div class="fontclass">.icon-Flow-Parallal</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wenhao"></i>
                    <div class="name">问号</div>
                    <div class="fontclass">.icon-wenhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yi"></i>
                    <div class="name">医</div>
                    <div class="fontclass">.icon-yi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chepai11"></i>
                    <div class="name">车牌</div>
                    <div class="fontclass">.icon-chepai11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjiadaobaogaochi"></i>
                    <div class="name">添加到报表池</div>
                    <div class="fontclass">.icon-tianjiadaobaogaochi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongsi1"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-gongsi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongsi11"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-gongsi11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hutonghulian"></i>
                    <div class="name">互通互联</div>
                    <div class="fontclass">.icon-hutonghulian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji1"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cengji"></i>
                    <div class="name">层级</div>
                    <div class="fontclass">.icon-cengji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao"></i>
                    <div class="name">模型</div>
                    <div class="fontclass">.icon-tubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-che"></i>
                    <div class="name">车辆</div>
                    <div class="fontclass">.icon-che</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cheliang"></i>
                    <div class="name">车辆</div>
                    <div class="fontclass">.icon-cheliang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua1"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongjijin1"></i>
                    <div class="name">公积金</div>
                    <div class="fontclass">.icon-gongjijin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-round-user-new"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-round-user-new</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian1"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianzhou"></i>
                    <div class="name">符号-时间轴</div>
                    <div class="fontclass">.icon-shijianzhou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xueyuan"></i>
                    <div class="name">学院</div>
                    <div class="fontclass">.icon-xueyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaidi21"></i>
                    <div class="name">快递</div>
                    <div class="fontclass">.icon-kuaidi21</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuizhitongjiange"></i>
                    <div class="name">垂直同间隔</div>
                    <div class="fontclass">.icon-chuizhitongjiange</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinhang"></i>
                    <div class="name">银行</div>
                    <div class="fontclass">.icon-yinhang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Flow-Parallal1"></i>
                    <div class="name">Flow - Parallal</div>
                    <div class="fontclass">.icon-Flow-Parallal1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ip02"></i>
                    <div class="name">IP</div>
                    <div class="fontclass">.icon-ip02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-parameter3"></i>
                    <div class="name">parameter03</div>
                    <div class="fontclass">.icon-parameter3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youxiang"></i>
                    <div class="name">邮箱</div>
                    <div class="fontclass">.icon-youxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jian"></i>
                    <div class="name">监</div>
                    <div class="fontclass">.icon-jian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hexin"></i>
                    <div class="name">核心</div>
                    <div class="fontclass">.icon-hexin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-more"></i>
                    <div class="name">more</div>
                    <div class="fontclass">.icon-more</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiange"></i>
                    <div class="name">间隔</div>
                    <div class="fontclass">.icon-jiange</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangba"></i>
                    <div class="name">网吧2</div>
                    <div class="fontclass">.icon-wangba</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaoliang"></i>
                    <div class="name">高亮</div>
                    <div class="fontclass">.icon-gaoliang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-p_IP"></i>
                    <div class="name">IP</div>
                    <div class="fontclass">.icon-p_IP</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua11"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shengyin"></i>
                    <div class="name">声音</div>
                    <div class="fontclass">.icon-shengyin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongsi2"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-gongsi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoqu"></i>
                    <div class="name">小区</div>
                    <div class="fontclass">.icon-xiaoqu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingchu"></i>
                    <div class="name">清除</div>
                    <div class="fontclass">.icon-qingchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chepai"></i>
                    <div class="name">车牌</div>
                    <div class="fontclass">.icon-chepai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongji"></i>
                    <div class="name">统计</div>
                    <div class="fontclass">.icon-tongji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hukoudi"></i>
                    <div class="name">户口地</div>
                    <div class="fontclass">.icon-hukoudi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangba11"></i>
                    <div class="name">网吧</div>
                    <div class="fontclass">.icon-wangba11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qinghangbihuanliuzhuan"></i>
                    <div class="name">情行闭环流转</div>
                    <div class="fontclass">.icon-qinghangbihuanliuzhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangwumiaoshu"></i>
                    <div class="name">房屋描述</div>
                    <div class="fontclass">.icon-fangwumiaoshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ID"></i>
                    <div class="name">ID</div>
                    <div class="fontclass">.icon-ID</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tupu"></i>
                    <div class="name">图谱</div>
                    <div class="fontclass">.icon-tupu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye"></i>
                    <div class="name">id</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakangengduo"></i>
                    <div class="name">查看更多</div>
                    <div class="fontclass">.icon-chakangengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wo"></i>
                    <div class="name">我</div>
                    <div class="fontclass">.icon-wo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian21"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian21</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moxing"></i>
                    <div class="name">模型</div>
                    <div class="fontclass">.icon-moxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhi-"></i>
                    <div class="name">未知－01</div>
                    <div class="fontclass">.icon-weizhi-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhengjian1"></i>
                    <div class="name">证件</div>
                    <div class="fontclass">.icon-zhengjian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao-"></i>
                    <div class="name">标签</div>
                    <div class="fontclass">.icon-tubiao-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingding"></i>
                    <div class="name">钉钉</div>
                    <div class="fontclass">.icon-dingding</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianzhou1"></i>
                    <div class="name">时间轴</div>
                    <div class="fontclass">.icon-shijianzhou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuexiao"></i>
                    <div class="name">学校</div>
                    <div class="fontclass">.icon-xuexiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-parameter"></i>
                    <div class="name">parameter</div>
                    <div class="fontclass">.icon-parameter</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanze"></i>
                    <div class="name">选择</div>
                    <div class="fontclass">.icon-xuanze</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-parameter1"></i>
                    <div class="name">parameter</div>
                    <div class="fontclass">.icon-parameter1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sandian"></i>
                    <div class="name">散点</div>
                    <div class="fontclass">.icon-sandian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rezhuangxiaoqu"></i>
                    <div class="name">热装小区</div>
                    <div class="fontclass">.icon-rezhuangxiaoqu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-toushi"></i>
                    <div class="name">头饰</div>
                    <div class="fontclass">.icon-toushi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiashizheng2"></i>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">.icon-jiashizheng2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiashizheng11"></i>
                    <div class="name">驾驶证</div>
                    <div class="fontclass">.icon-jiashizheng11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoji"></i>
                    <div class="name">标记</div>
                    <div class="fontclass">.icon-biaoji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cheliang-copy"></i>
                    <div class="name">车辆</div>
                    <div class="fontclass">.icon-cheliang-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-paishehukoubu"></i>
                    <div class="name">拍摄户口簿</div>
                    <div class="fontclass">.icon-paishehukoubu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peixunxueyuan"></i>
                    <div class="name">培训学院</div>
                    <div class="fontclass">.icon-peixunxueyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongjijin2"></i>
                    <div class="name">公积金</div>
                    <div class="fontclass">.icon-gongjijin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebao"></i>
                    <div class="name">社保</div>
                    <div class="fontclass">.icon-shebao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lujing"></i>
                    <div class="name">路径</div>
                    <div class="fontclass">.icon-lujing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzi"></i>
                    <div class="name">分子</div>
                    <div class="fontclass">.icon-fenzi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bukejian1"></i>
                    <div class="name">不可见</div>
                    <div class="fontclass">.icon-bukejian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chexiao"></i>
                    <div class="name">撤销</div>
                    <div class="fontclass">.icon-chexiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuandaironghe"></i>
                    <div class="name">宽带融合</div>
                    <div class="fontclass">.icon-kuandaironghe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiange1"></i>
                    <div class="name">间隔</div>
                    <div class="fontclass">.icon-jiange1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin2"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian3"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hei"></i>
                    <div class="name">黑</div>
                    <div class="fontclass">.icon-hei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongsi31"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-gongsi31</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tips"></i>
                    <div class="name">tips</div>
                    <div class="fontclass">.icon-tips</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren1"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-flow-parallel"></i>
                    <div class="name">flow-parallel</div>
                    <div class="fontclass">.icon-flow-parallel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji11"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tixing1"></i>
                    <div class="name">提醒</div>
                    <div class="fontclass">.icon-tixing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiche"></i>
                    <div class="name">汽车</div>
                    <div class="fontclass">.icon-qiche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cheliang1"></i>
                    <div class="name">车辆</div>
                    <div class="fontclass">.icon-cheliang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-soushuo"></i>
                    <div class="name">搜索--1</div>
                    <div class="fontclass">.icon-soushuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chepaihao"></i>
                    <div class="name">车牌号</div>
                    <div class="fontclass">.icon-chepaihao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shengyin1"></i>
                    <div class="name">声音</div>
                    <div class="fontclass">.icon-shengyin1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cheliang2"></i>
                    <div class="name">车辆</div>
                    <div class="fontclass">.icon-cheliang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimingcheng"></i>
                    <div class="name">修改名称</div>
                    <div class="fontclass">.icon-xiugaimingcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IMEI1"></i>
                    <div class="name">IMEI</div>
                    <div class="fontclass">.icon-IMEI1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IMSI"></i>
                    <div class="name">IMSI</div>
                    <div class="fontclass">.icon-IMSI</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lieche"></i>
                    <div class="name">列车</div>
                    <div class="fontclass">.icon-lieche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tongwangba"></i>
                    <div class="name">同网吧</div>
                    <div class="fontclass">.icon-tongwangba</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuexiao1"></i>
                    <div class="name">学校</div>
                    <div class="fontclass">.icon-xuexiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangba1"></i>
                    <div class="name">网吧</div>
                    <div class="fontclass">.icon-wangba1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjian"></i>
                    <div class="name">案件</div>
                    <div class="fontclass">.icon-anjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyu"></i>
                    <div class="name">监狱</div>
                    <div class="fontclass">.icon-jianyu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjian1"></i>
                    <div class="name">安检</div>
                    <div class="fontclass">.icon-anjian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IMEI"></i>
                    <div class="name">IMEI</div>
                    <div class="fontclass">.icon-IMEI</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjianduban"></i>
                    <div class="name">案件督办</div>
                    <div class="fontclass">.icon-anjianduban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hang"></i>
                    <div class="name">行</div>
                    <div class="fontclass">.icon-hang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gaoliangdu"></i>
                    <div class="name">高亮度</div>
                    <div class="fontclass">.icon-gaoliangdu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaidi2"></i>
                    <div class="name">快递</div>
                    <div class="fontclass">.icon-kuaidi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaidi3"></i>
                    <div class="name">快递</div>
                    <div class="fontclass">.icon-kuaidi3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianke"></i>
                    <div class="name">前科</div>
                    <div class="fontclass">.icon-qianke</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzi1"></i>
                    <div class="name">分子</div>
                    <div class="fontclass">.icon-fenzi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin11"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingding1"></i>
                    <div class="name">钉钉</div>
                    <div class="fontclass">.icon-dingding1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaozhuan1"></i>
                    <div class="name">跳转</div>
                    <div class="fontclass">.icon-tiaozhuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyu1"></i>
                    <div class="name">监狱</div>
                    <div class="fontclass">.icon-jianyu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanze1"></i>
                    <div class="name">选择</div>
                    <div class="fontclass">.icon-xuanze1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-more1"></i>
                    <div class="name">more</div>
                    <div class="fontclass">.icon-more1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tuli"></i>
                    <div class="name">图例</div>
                    <div class="fontclass">.icon-tuli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingbao"></i>
                    <div class="name">警报</div>
                    <div class="fontclass">.icon-jingbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzishi"></i>
                    <div class="name">分子式</div>
                    <div class="fontclass">.icon-fenzishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuandai"></i>
                    <div class="name">宽带</div>
                    <div class="fontclass">.icon-kuandai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoucang"></i>
                    <div class="name">收 藏</div>
                    <div class="fontclass">.icon-shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuexiao2"></i>
                    <div class="name">学校</div>
                    <div class="fontclass">.icon-xuexiao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-globe"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-globe</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-idA"></i>
                    <div class="name">id</div>
                    <div class="fontclass">.icon-idA</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche2"></i>
                    <div class="name">火车</div>
                    <div class="fontclass">.icon-huoche2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangwu"></i>
                    <div class="name">房屋</div>
                    <div class="fontclass">.icon-fangwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun2"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouqi"></i>
                    <div class="name">收起</div>
                    <div class="fontclass">.icon-shouqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chankangengduo"></i>
                    <div class="name">查看更多</div>
                    <div class="fontclass">.icon-chankangengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-SIMqia"></i>
                    <div class="name">SIM卡</div>
                    <div class="fontclass">.icon-SIMqia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hongdian"></i>
                    <div class="name">红点</div>
                    <div class="fontclass">.icon-hongdian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-i-layout-set"></i>
                    <div class="name">i-布局设置</div>
                    <div class="fontclass">.icon-i-layout-set</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tell"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-tell</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cheliang3"></i>
                    <div class="name">车辆 (1)</div>
                    <div class="fontclass">.icon-cheliang3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IMEICopy"></i>
                    <div class="name">IMEI Copy</div>
                    <div class="fontclass">.icon-IMEICopy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjian11"></i>
                    <div class="name">安检</div>
                    <div class="fontclass">.icon-anjian11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti--"></i>
                    <div class="name">区集体户口管理</div>
                    <div class="fontclass">.icon-weibiaoti--</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin21"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin21</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-suo"></i>
                    <div class="name">所</div>
                    <div class="fontclass">.icon-suo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhengjian"></i>
                    <div class="name">证件</div>
                    <div class="fontclass">.icon-zhengjian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tree-round-internet-bar"></i>
                    <div class="name">tree-round-网吧</div>
                    <div class="fontclass">.icon-tree-round-internet-bar</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chengyunchepai"></i>
                    <div class="name">承运车牌</div>
                    <div class="fontclass">.icon-chengyunchepai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuyuekuandaixiaotubiao-copy"></i>
                    <div class="name">预约宽带小图标</div>
                    <div class="fontclass">.icon-yuyuekuandaixiaotubiao-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongtonglinju1"></i>
                    <div class="name">共同邻居</div>
                    <div class="fontclass">.icon-gongtonglinju1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-eye"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-eye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qinziAPPtubiao-"></i>
                    <div class="name">学校</div>
                    <div class="fontclass">.icon-qinziAPPtubiao-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-round-user-new1"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-round-user-new1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuozhan"></i>
                    <div class="name">扩展</div>
                    <div class="fontclass">.icon-kuozhan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjianqiakou"></i>
                    <div class="name">安检卡口</div>
                    <div class="fontclass">.icon-anjianqiakou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yinbo"></i>
                    <div class="name">音波</div>
                    <div class="fontclass">.icon-yinbo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjian2"></i>
                    <div class="name">安检</div>
                    <div class="fontclass">.icon-anjian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hot_promotionsparam"></i>
                    <div class="name">hot_promotions(param</div>
                    <div class="fontclass">.icon-hot_promotionsparam</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-buju"></i>
                    <div class="name">布局</div>
                    <div class="fontclass">.icon-buju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hongqi"></i>
                    <div class="name">红旗</div>
                    <div class="fontclass">.icon-hongqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwu"></i>
                    <div class="name">人物</div>
                    <div class="fontclass">.icon-renwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yibaoqia1"></i>
                    <div class="name">医保卡</div>
                    <div class="fontclass">.icon-yibaoqia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yibaoqia"></i>
                    <div class="name">医保卡</div>
                    <div class="fontclass">.icon-yibaoqia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuozhan1"></i>
                    <div class="name">扩展</div>
                    <div class="fontclass">.icon-kuozhan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuxing1"></i>
                    <div class="name">属性</div>
                    <div class="fontclass">.icon-shuxing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youxiang2"></i>
                    <div class="name">邮箱</div>
                    <div class="fontclass">.icon-youxiang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cengci"></i>
                    <div class="name">层次</div>
                    <div class="fontclass">.icon-cengci</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yyinhangzhanghao"></i>
                    <div class="name">银行账号</div>
                    <div class="fontclass">.icon-yyinhangzhanghao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebao1"></i>
                    <div class="name">社保</div>
                    <div class="fontclass">.icon-shebao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebao11"></i>
                    <div class="name">社保</div>
                    <div class="fontclass">.icon-shebao11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shebaoqia"></i>
                    <div class="name">社保卡</div>
                    <div class="fontclass">.icon-shebaoqia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qichecopy"></i>
                    <div class="name">汽车 copy 2</div>
                    <div class="fontclass">.icon-qichecopy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangban"></i>
                    <div class="name">航班</div>
                    <div class="fontclass">.icon-hangban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qinmizhanghaoicon"></i>
                    <div class="name">亲密账号icon</div>
                    <div class="fontclass">.icon-qinmizhanghaoicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sim-"></i>
                    <div class="name">sim-01</div>
                    <div class="fontclass">.icon-sim-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sim"></i>
                    <div class="name">sim</div>
                    <div class="fontclass">.icon-sim</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quxiaoxuanze1"></i>
                    <div class="name">取消选择</div>
                    <div class="fontclass">.icon-quxiaoxuanze1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-taosheng"></i>
                    <div class="name">逃生</div>
                    <div class="fontclass">.icon-taosheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duxing"></i>
                    <div class="name">毒性</div>
                    <div class="fontclass">.icon-duxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren11"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlianfenxi"></i>
                    <div class="name">关联分析</div>
                    <div class="fontclass">.icon-guanlianfenxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IMSI1"></i>
                    <div class="name">IMSI</div>
                    <div class="fontclass">.icon-IMSI1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwuguanxitu_lunkuohua"></i>
                    <div class="name">人物关系图_轮廓化0614</div>
                    <div class="fontclass">.icon-renwuguanxitu_lunkuohua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-id-card"></i>
                    <div class="name">证件</div>
                    <div class="fontclass">.icon-id-card</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renwuguanxitu_lunkuohua1"></i>
                    <div class="name">人物关系图2_轮廓化0622</div>
                    <div class="fontclass">.icon-renwuguanxitu_lunkuohua1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianzhou2"></i>
                    <div class="name">时间轴</div>
                    <div class="fontclass">.icon-shijianzhou2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-molecule"></i>
                    <div class="name">分子</div>
                    <div class="fontclass">.icon-molecule</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanxi"></i>
                    <div class="name">关系</div>
                    <div class="fontclass">.icon-guanxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-canshu"></i>
                    <div class="name">parameter</div>
                    <div class="fontclass">.icon-canshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenping"></i>
                    <div class="name">分屏</div>
                    <div class="fontclass">.icon-fenping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoqian"></i>
                    <div class="name">标签</div>
                    <div class="fontclass">.icon-biaoqian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wankeicon-"></i>
                    <div class="name">查看更多</div>
                    <div class="fontclass">.icon-wankeicon-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuanleixing-qichepiao"></i>
                    <div class="name">汽车票</div>
                    <div class="fontclass">.icon-ziyuanleixing-qichepiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangwuzongshu"></i>
                    <div class="name">房屋总数</div>
                    <div class="fontclass">.icon-fangwuzongshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjianzongshu"></i>
                    <div class="name">案件总数</div>
                    <div class="fontclass">.icon-anjianzongshu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shengyin2"></i>
                    <div class="name">声音 (1)</div>
                    <div class="fontclass">.icon-shengyin2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuandianlianxian"></i>
                    <div class="name">串点连线</div>
                    <div class="fontclass">.icon-chuandianlianxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yibaoqia-"></i>
                    <div class="name">医保卡-01</div>
                    <div class="fontclass">.icon-yibaoqia-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinghangxian"></i>
                    <div class="name">平行线</div>
                    <div class="fontclass">.icon-pinghangxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IMEI11"></i>
                    <div class="name">IMEI</div>
                    <div class="fontclass">.icon-IMEI11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tab_jiashizheng"></i>
                    <div class="name">tab_驾驶证</div>
                    <div class="fontclass">.icon-tab_jiashizheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ip1"></i>
                    <div class="name">ip</div>
                    <div class="fontclass">.icon-ip1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fangwuxinjianshenqing"></i>
                    <div class="name">房屋新建（申请）</div>
                    <div class="fontclass">.icon-fangwuxinjianshenqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-QQ"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-QQ</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongsi3"></i>
                    <div class="name">公司</div>
                    <div class="fontclass">.icon-gongsi3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baocun3"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-baocun3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuangongpingjiaheixing"></i>
                    <div class="name">员工评价黑星</div>
                    <div class="fontclass">.icon-yuangongpingjiaheixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ParallelLines"></i>
                    <div class="name">Parallel Lines</div>
                    <div class="fontclass">.icon-ParallelLines</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ParallelChannel"></i>
                    <div class="name">Parallel Channel</div>
                    <div class="fontclass">.icon-ParallelChannel</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IP"></i>
                    <div class="name">IP</div>
                    <div class="fontclass">.icon-IP</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-keshihua"></i>
                    <div class="name">可视化</div>
                    <div class="fontclass">.icon-keshihua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijiaoguanli"></i>
                    <div class="name">视角管理</div>
                    <div class="fontclass">.icon-shijiaoguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tiaozhuan"></i>
                    <div class="name">跳转</div>
                    <div class="fontclass">.icon-tiaozhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-keypoints"></i>
                    <div class="name">key points</div>
                    <div class="fontclass">.icon-keypoints</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiche1"></i>
                    <div class="name">汽车</div>
                    <div class="fontclass">.icon-qiche1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianyu2"></i>
                    <div class="name">监狱</div>
                    <div class="fontclass">.icon-jianyu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chepai2"></i>
                    <div class="name">车牌</div>
                    <div class="fontclass">.icon-chepai2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuaisuanjianzhuanhuan"></i>
                    <div class="name">快速安检 </div>
                    <div class="fontclass">.icon-kuaisuanjianzhuanhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-simcard"></i>
                    <div class="name">sim card</div>
                    <div class="fontclass">.icon-simcard</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinghangtongdao"></i>
                    <div class="name">平行通道</div>
                    <div class="fontclass">.icon-pinghangtongdao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lianjie"></i>
                    <div class="name">连接</div>
                    <div class="fontclass">.icon-lianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan1"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingchu1"></i>
                    <div class="name">清除</div>
                    <div class="fontclass">.icon-qingchu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caselList"></i>
                    <div class="name">案件</div>
                    <div class="fontclass">.icon-caselList</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren2"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-QQ1"></i>
                    <div class="name">QQ</div>
                    <div class="fontclass">.icon-QQ1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-biaoji1"></i>
                    <div class="name">标记</div>
                    <div class="fontclass">.icon-biaoji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youxiang3"></i>
                    <div class="name">邮箱 (1)</div>
                    <div class="fontclass">.icon-youxiang3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenpingduibi"></i>
                    <div class="name">分屏对比</div>
                    <div class="fontclass">.icon-fenpingduibi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-IPA"></i>
                    <div class="name">IP</div>
                    <div class="fontclass">.icon-IPA</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo1"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakan2"></i>
                    <div class="name">查看</div>
                    <div class="fontclass">.icon-chakan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuxing"></i>
                    <div class="name">树形</div>
                    <div class="fontclass">.icon-shuxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjianshibie"></i>
                    <div class="name">安检识别</div>
                    <div class="fontclass">.icon-anjianshibie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quxiaoxuanze2"></i>
                    <div class="name">取消选择1</div>
                    <div class="fontclass">.icon-quxiaoxuanze2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chakanxiangxi"></i>
                    <div class="name">查看详细</div>
                    <div class="fontclass">.icon-chakanxiangxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinghang"></i>
                    <div class="name">平行</div>
                    <div class="fontclass">.icon-pinghang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodedangxuan"></i>
                    <div class="name">我 的</div>
                    <div class="fontclass">.icon-wodedangxuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-parameter2"></i>
                    <div class="name">parameter</div>
                    <div class="fontclass">.icon-parameter2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-heidian"></i>
                    <div class="name">黑点</div>
                    <div class="fontclass">.icon-heidian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anjian3"></i>
                    <div class="name">案件</div>
                    <div class="fontclass">.icon-anjian3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiasu"></i>
                    <div class="name">加速</div>
                    <div class="fontclass">.icon-jiasu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiansu"></i>
                    <div class="name">减速</div>
                    <div class="fontclass">.icon-jiansu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-buju2"></i>
                    <div class="name">布局</div>
                    <div class="fontclass">.icon-buju2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-save"></i>
                    <div class="name">保存</div>
                    <div class="fontclass">.icon-save</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-toushi-copy"></i>
                    <div class="name">头饰</div>
                    <div class="fontclass">.icon-toushi-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huangguan"></i>
                    <div class="name">皇冠 1</div>
                    <div class="fontclass">.icon-huangguan</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
